<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>素材上传</title>
<script type="text/javascript" th:src="@{/js/material/main_material.js}"></script>
<style type="text/css">
	input[type=file]{
		display: none;
	}
</style>
</head>
<body>
	<div id="material_app">
		<div>
	    	<el-breadcrumb separator-class="el-icon-arrow-right">
			  <el-breadcrumb-item>素材管理</el-breadcrumb-item>
			  <el-breadcrumb-item>素材上传</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<br/>
		
		<div>
			<el-upload
			  class="upload-demo"
			  drag
			  multiple
			  :limit='20'
			  :file-list="fileList"
			  :action="uploadUrl"
			  :on-error="uploadError"
              :on-success="uploadSuccess"
              :before-upload="beforeAvatarUpload"
			  >
			  <i class="el-icon-upload"></i>
			  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
			  <div class="el-upload__tip" slot="tip">{{tip}}</div>
			</el-upload>
		</div>
	</div>
</body>
</html>